<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!-- 用户饼状图 -->
<!-- echart容器 -->
<div id="retentionRate_cake_1" class="row" style="height: 600px;">
</div>
<script type="text/javascript">
	// 基于准备好的dom，初始化echarts实例
	var myChart = echarts.init(document.getElementById('retentionRate_cake_1'));
	var option = {
		title : {
			text : '1日玩家留存率',
			x : 'center'
		},
		tooltip : {
			trigger : 'item',
			formatter : "{a} <br/>{b} : {c} ({d}%)"
		},
		legend : {
			orient : 'vertical',
			left : 'left',
			data : [ 
			<c:if test="${liucunCake1.loginCount != 0}">
			     '登录人数(留存率)'
			</c:if>,'未登录人数'
			]
		},
		series : [ {
			name : '访问来源',
			type : 'pie',
			radius : '55%',
			center : [ '50%', '60%' ],
			data : [ 
			<c:if test="${liucunCake1.loginCount != 0}">
			{
				value : ${liucunCake1.loginCount},
				name : '登录人数(留存率)'
			}, 
			</c:if>
			{
				value : ${liucunCake1.notLoginCount},
				name : '未登录人数'
			}
			],
			itemStyle : {
				emphasis : {
					shadowBlur : 10,
					shadowOffsetX : 0,
					shadowColor : 'rgba(250, 250, 0.5, 0.5)'
				}
			}
		} ]
	};

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
</script>